<template>
  <div class="py-8">
    <div class="text-center mb-12">
      <h1 class="text-4xl font-noto font-bold text-accent mb-4">小手一牵 岁岁年年～</h1>
      <p class="text-lg text-accent opacity-80">记录我们的点点滴滴</p>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
      <router-link to="/littleus" class="card hover:transform hover:scale-105 transition-all duration-300">
        <div class="text-center">
          <i class="fas fa-book text-3xl mb-4 text-accent"></i>
          <h2 class="text-xl font-noto font-bold text-accent mb-2">点点滴滴</h2>
          <p class="text-accent opacity-80">记录生活点点滴滴</p>
        </div>
      </router-link>

      <router-link to="/messages" class="card hover:transform hover:scale-105 transition-all duration-300">
        <div class="text-center">
          <i class="fas fa-comments text-3xl mb-4 text-accent"></i>
          <h2 class="text-xl font-noto font-bold text-accent mb-2">祝福留言</h2>
          <p class="text-accent opacity-80">书写下你的留言祝福～</p>
        </div>
      </router-link>

      <router-link to="/loveimg" class="card hover:transform hover:scale-105 transition-all duration-300">
        <div class="text-center">
          <i class="fas fa-images text-3xl mb-4 text-accent"></i>
          <h2 class="text-xl font-noto font-bold text-accent mb-2">恋爱相册</h2>
          <p class="text-accent opacity-80">记录下美好瞬间～</p>
        </div>
      </router-link>

      <router-link to="/list" class="card hover:transform hover:scale-105 transition-all duration-300">
        <div class="text-center">
          <i class="fas fa-heart text-3xl mb-4 text-accent"></i>
          <h2 class="text-xl font-noto font-bold text-accent mb-2">恋爱事件</h2>
          <p class="text-accent opacity-80">总有些惊奇的际遇</p>
        </div>
      </router-link>
    </div>
  </div>
</template>

<script setup>
// 组件逻辑
</script> 